
<div *ngIf="currentState">
    <h2><span jhiTranslate="gbSubjectApp.currentState.detail.title">Current State</span> {{currentState.id}}</h2>
    <hr>
    <jhi-alert-error></jhi-alert-error>
    <dl class="row-md jh-entity-details">
        <dt><span jhiTranslate="gbSubjectApp.currentState.subject">Subject</span></dt>
        <dd>
            <div *ngIf="currentState.subjectId">
                <a [routerLink]="['/subject-my-suffix', currentState.subjectId]">{{currentState.subjectName}}</a>
            </div>
        </dd>
        <dt><span jhiTranslate="gbSubjectApp.currentState.indicator">Indicator</span></dt>
        <dd>
            <div *ngIf="currentState.indicatorId">
                <a [routerLink]="['/indicator-my-suffix', currentState.indicatorId]">{{currentState.indicatorName}}</a>
            </div>
        </dd>
        <dt><span jhiTranslate="gbSubjectApp.currentState.value">Value</span></dt>
        <dd>
            <span>{{currentState.value}}</span>
        </dd>
        <dt><span jhiTranslate="gbSubjectApp.currentState.referenceValue">Reference Value</span></dt>
        <dd>
            <span>{{currentState.referenceValue}}</span>
        </dd>
        <dt><span jhiTranslate="gbSubjectApp.currentState.deviation">Deviation</span></dt>
        <dd>
            <span>{{currentState.deviation}}</span>
        </dd>
    </dl>

    <button type="submit"
            (click)="previousState()"
            class="btn btn-info">
        <span class="fa fa-arrow-left"></span>&nbsp;<span jhiTranslate="entity.action.back"> Back</span>
    </button>

    <button type="button"
            [routerLink]="['/', { outlets: { popup: 'current-state-my-suffix/'+ currentState.id + '/edit'} }]"
            replaceUrl="true"
            queryParamsHandling="merge"
            class="btn btn-primary">
        <span class="fa fa-pencil"></span>&nbsp;<span jhiTranslate="entity.action.edit"> Edit</span>
    </button>
</div>
